<template>
	<view>
		<view class="bigbox">
		    <view class="fxhy-head">
		        <i class="iconfont icon-fanhui" id="fanhui"></i>
		    </view>
		
		
		<view id="shezhi1">
		    <view class="zhanghao" @click="zhanghao">
		       
		        <span id="zh">账号与安全</span>
				<image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		      
		    </view>
		    <view class="yingsi" @click="yingsi">
		       
		        <span id="ys">隐私</span>
		       <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		</view>
		
		
		<view class="shezhi2">
		
		
		    <view class="tongzhi" @click="tongzhi">
		        <span id="tz">通知设置</span>
		      <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="xiaozujian" @click="xiaozujian">
		        <span id="xzj">添加小组件</span>
		      <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="tongyong" @click="tongyong">
		        <span id="ty">通用设置</span>
		     <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		</view>
		
		
		
		<view class="shezhi3">
		    <view class="qingshaonian"  @click="qingshaonian">
		        <span id="qsn">青少年模式</span>
		     <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="pianhao" @click="pianhao">
		        <span id="ph">内容偏好调节</span>
		     <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="shense" @click="shense">
		        <span id="ss">深色模式</span>
		     <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		    <view class="zi-size" @click="zisize">
		        <span id="z-s">字体大小</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		</view>
		
		
		<view class="shezhi4">
		
		    <view class="bangzhu" @click="linkhelp">
		        <span id="bz">帮助与客服</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="guli" @click="guli">
		        <span id="gl">鼓励一下</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="geren" @click="geren">
		        <span id="gr">个人信息收集清单</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		    <view class="disanfang" @click="disanfang">
		        <span id="dsf">第三方信息收集清单</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		        <view class="guanyu" @click="guanyu">
		        <span id="gy">关于小红书</span>
		    <image src="../../static/img/youtubiao.png" mode="" class="y"></image>
		    </view>
		
		</view>
		<view class="shezhi5">
		
		    <view class="qiehuan" @click="qiehuan">
		        <view class="qiehuanzhanghao">
		            <span id="qh">切换账号</span>
		        </view>
		</view>
		
		    <view class="tuichu" @click="tuichu">
		        <view class="tuichudenglu">
		            <span id="tc">退出登录</span>
		        </view>
		</view>
		
		
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			linkhelp(){
				uni.navigateTo({
					url:"../help-service/help-service",
				})
			},
			// 账号与安全
			zhanghao(){
				uni.navigateTo({
					url:"../shezhi/zhanghaoyuanquan",
				})
			},
			// 隐私设置
			yingsi(){
				uni.navigateTo({
					url:"../shezhi/yinsishezhi",
				})
			},
			// 通知设置
			tongzhi(){
				uni.navigateTo({
					url:"../tong",
				})
			},
			// 小组件
			xiaozujian(){
				uni.navigateTo({
					url:"",
				})
			},
			//通用 
			tongyong(){
				uni.navigateTo({
					url:"../shezhi/tongyongshezhi",
				})
			},
			// 青少年
			qingshaonian(){
				uni.navigateTo({
					url:"",
				})
			},
			// 内容偏好
			pianhao(){
				uni.navigateTo({
					url:"../shezhi/preference",
				})
			},
			// 深色
			shense(){
				uni.navigateTo({
					url:"../shezhi/shensemoshi",
				})
			},
			// 字体大小
			zisize(){
				uni.navigateTo({
					url:"",
				})
			},
			// 鼓励
			guli(){
				uni.navigateTo({
					url:"",
				})
			},
			// 个人清单
			geren(){
				uni.navigateTo({
					url:"",
				})
			},	
			// 第三方
			disanfang(){
				
			},
			// 关于我
			guanyu(){
				uni.navigateTo({
					url:"",
				})
			},
			// 切换账号
			qiehuan(){
				uni.navigateTo({
					url:"../login/login",
				})
			},
			// 退出
			tuichu(){
				uni.removeStorageSync('id');
				uni.removeStorageSync('Authorization')
				uni.navigateTo({
					url:"../login/login",
				})
			}
			
			
			
			
		}
	}
</script>

<style>
.bigbox {
    width: 100%;
    height: 2400rpx;
    /* 溢出隐藏 */
    overflow: hidden;
    /* 弹性 */
    display: flex;
    /* 固定 */
    /* position: fixed; */
    /* 水平分布 */
    /* justify-content: space-evenly; */
    /* 换行 */
    /* flex-wrap: wrap; */
    flex-direction: column;
    background-color: rgb(250, 250, 250);

}


.faxian {
    text-align: center;
    position: absolute;
    left: 320rpx;
    top: 38rpx;
    font-size: 36rpx;

}

#fanhui {
    position: absolute;
    left: 20rpx;
    top: 38rpx;
}

.fxhy-head {
    position: relative;
    width: 100%;
    height: 60rpx;
}


#shezhi1 {
    width: 92%;
    height: 240rpx;
   background-color: rgb(255, 255, 255);
    border-radius: 30rpx;
    margin-top: 100rpx;
    margin-left: 34rpx;
    position: relative;
  
}


.zhanghao {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
.yingsi{
    width: 100%;
    height: 120rpx;
   position: relative;
    
   border-radius:0rpx,0rpx,30rpx, 30rpx;
}
#zh{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}

#ys{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.y{
	width: 40rpx;
	height: 40rpx;
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}





/* 设置栏222222222222222 */
.shezhi2{
    width: 92%;
    height: 360rpx;
   background-color: rgb(255, 255, 255);
    border-radius: 30rpx;
    margin-top: 60rpx;
    margin-left: 34rpx;
    position: relative;
}


.tongzhi {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#tz{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.tongzhi>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}


.xiaozujian {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#xzj{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.xiaozujian>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}

.tongyong{
    width: 100%;
    height: 120rpx;
   position: relative;
    
   border-radius:0rpx,0rpx,30rpx, 30rpx;
}
#ty{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.tongyong>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}



.shezhi3{
    width: 92%;
    height: 480rpx;
   background-color: rgb(255, 255, 255);
    border-radius: 30rpx;
    margin-top: 60rpx;
    margin-left: 34rpx;
    position: relative;
}
.qingshaonian {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#qsn{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.qingshaonian>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}
.pianhao {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#ph{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.pianhao>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}

.shense {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#ss{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.shense>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}
.zi-size{
    width: 100%;
    height: 120rpx;
   position: relative;
    
   border-radius:0rpx,0rpx,30rpx, 30rpx;
}
#z-s{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.zi-size>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}




.shezhi4{
    width: 92%;
    height: 600rpx;
   background-color: rgb(255, 255, 255);
    border-radius: 30rpx;
    margin-top: 60rpx;
    margin-left: 34rpx;
    position: relative;
}
.bangzhu {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#bz{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.bangzhu>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}
.guli {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#gl{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.guli>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}
.geren {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#gr{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.geren>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}

.disanfang {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#dsf{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.disanfang>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}
.guanyu{
    width: 100%;
    height: 120rpx;
   position: relative;
    
   border-radius:0rpx,0rpx,30rpx, 30rpx;
}
#gy{
    position: absolute;
    top: 40rpx;
    left: 40rpx;
}
.guanyu>i{
    position: absolute;
    right: 20rpx;
    top: 40rpx;
}



.shezhi5{
    width: 92%;
    height: 240rpx;
   background-color: rgb(255, 255, 255);
    border-radius: 30rpx;
    margin-top: 60rpx;
    margin-left: 34rpx;
    position: relative;
}
.qiehuan {
    width: 100%;
    height: 120rpx;
    border-bottom: 2rpx solid rgb(210, 210, 210);
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#qh{
    position: absolute;
    top: 40rpx;
    left: 280rpx;
	
}

.tuichu {
    width: 100%;
    height: 120rpx;
   
    position: relative;
   border-radius:30rpx, 30rpx,0rpx,0rpx;
  
}
#tc{
    position: absolute;
    top: 40rpx;
    left: 280rpx;
}
</style>
